<template>
    <el-tooltip
            effect="dark"
            :content="item.title"
            placement="right"
            :disabled="!isCollapse"
    >
        <el-menu-item :index="item.index">
            <el-icon>
                <component :is="item.icon" />
            </el-icon>
            <template #title>{{ item.title }}</template>
        </el-menu-item>
    </el-tooltip>
</template>

<script setup>
defineProps({
    item: Object,
    isCollapse: Boolean
})
</script>
